.asmContainer {
	/* container that surrounds entire asmSelect widget */
        float: left;
}

.asmSelect {
	/* the newly created regular 'select' */
	display: inline; 
}

.asmOptionDisabled {
	/* disabled options in new select */
	color: #999; 
}

.asmHighlight {
	/* the highlight span */
	padding: 0;
	margin: 0 0 0 1em;
}

.asmList {
	/* html list that contains selected items */
        
        clear: both;
	margin: 8px 0 ;
	position: relative; 
	display: block;
	padding-left: 0; 
	list-style: none; 
}

.asmListItem {
	/* li item from the html list above */
        font-size: 12px;
        font-family: Tahoma;
        width: 516px;
	position: relative; 
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	
	border: 1px solid #bebebe; 
	margin: 8px 0 0 0; 
	line-height: 1em;
        box-shadow: inset 0px 3px 0px 0px #e5e5e5;
        
}

.asmListItem:hover {
	 border: 1px solid #939393; background: #f8f8f8; box-shadow: inset 0px 3px 0px 0px #d4d4d4; 
}

.asmListItemLabel {
	/* this is a span that surrounds the text in the item, except for the remove link */
	padding: 8px; 
	display: block;
}

.asmListSortable .asmListItemLabel {
	cursor: move; 
}

.asmListItemRemove {
	/* the remove link in each list item */
	position: absolute;
	right: 9px; 
	top: 9px;
        display: block; 
        width: 12px;        
        height: 12px; background: url('../images/icon_cross.png') top left;

}

.asmListItemRemove:hover {
     background-position: top right;
}
